<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../css/common.css"/>
    <link rel="stylesheet" type="text/css" href="../css/resources.css"/>
    <meta name="Keywords" content="省广仿站"/>
    <meta name="Description" content="高仿，精品，省官网站"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
</head>
<body>
<div class="web">
    <!--头部s-->
    <header class="clearfix">
        <div class="header_left fl">
            <label for="checkbox_input_login"><i class="iconfont icon-gongneng"></i></label>
        </div>
        <div class="header_right fr">
            <div class="search">
                <label for="checkbox_input_search"><i class="iconfont icon-sousuo"></i></label>
            </div>
        </div>
        <div class="header_center">
            <a href=""><img src="../img/Home/logo.png"/></a>
        </div>
    </header>
    <!--头部E-->
    <!--中间内容s-->
    <main>
        <div class="resources_all">
            <div class="resources_title">
                <h3>腾讯视频</h3>
                <p>2016年5月26日<i class="iconfont icon-eyes"><span>560</span></i></p>
            </div>
            <div class="resources_div">
                <p>腾讯视频贴片广告，60秒贴片广告，质量超棒！ 欢迎尝试，价格可谈。 </p>
                <div class="rd_img">
                    <img src="../img/resources/rd_img.jpg"/>
                </div>
            </div>
            <div class="contact">
                <p>联系方式：</p>
                <div class="contact_li">
                    <ul>
                        <a href="#">
                            <li class="bl_not">
                                <i class="iconfont icon-yonghu1"></i>
                                <div>于皓</div>
                            </li>
                        </a>
                        <a href="#">
                            <li>
                                <i class="iconfont icon-dianhua"></i>
                                <div>020-123456</div>
                            </li>
                        </a>
                        <a href="#">
                            <li>
                                <i class="iconfont icon-email"></i>
                                <div>hotane@qq.com</div>
                            </li>
                        </a>
                    </ul>
                </div>
            </div>
        </div>
    </main>
    <!--中间内容E-->
    <!--尾部s-->
    <footer>
        <ul class="clearfix">
            <li class="fl"><a href="../index.html">
                <i class="iconfont icon-shouye"></i>
                <div>首页</div>
            </a></li>
            <li class="fl"><a href="gimc.html">
                <i class="iconfont icon-shouye"></i>
                <div>GIMC</div>
            </a></li>
            <li class="fl"><a href="article.html">
                <i class="iconfont icon-bi"></i>
                <div>文章</div>
            </a></li>
            <li class="fl"><a href="resources.html" class="active">
                <i class="iconfont icon-hua"></i>
                <div>资源</div>
            </a></li>
            <li class="fl"><a href="college.html">
                <i class="iconfont icon-xueyuan"></i>
                <div>学员</div>
            </a></li>
        </ul>
    </footer>
    <!--尾部E-->
    <input type="checkbox" id="checkbox_input_login">
    <!--登陆-->
    <div class="popups login_all">
        <div class="login">
            <label for="checkbox_input_login">
                <div class="close"><i class="iconfont icon-guanbi"></i></div>
            </label>
            <div class="login_logo">
                <label for="checkbox_input_nouser"><img src="../img/Home/login_logo.png"/></label>
            </div>
            <form action="" method="get">
                <div class="username">
                    <i class="iconfont icon-yonghu"></i>
                    <input type="text" placeholder="请输入已验证的手机号或邮箱">
                </div>
                <div class="password">
                    <i class="iconfont icon-mima"></i>
                    <input type="password" placeholder="请输入密码">
                </div>
                <p>
                    <i class="iconfont icon-wenhao01"></i>
                    <span>忘记密码</span>
                </p>
                <input type="submit" value="登陆">
                <input type="button" value="注册">
            </form>
        </div>
    </div>
    <!--用户资料-->
    <input type="checkbox" id="checkbox_input_user">
    <div class="popups user_info_all">
        <div class="user_info">
            <div class="user_search">
                <div class="close">
                    <label for="checkbox_input_user"><i class="iconfont icon-guanbi"></i></label>
                </div>
                <div class="search_div">
                    <form action="" method="get">
                        <i class="iconfont icon-sousuo"></i>
                        <input type="text" placeholder="Search">
                    </form>
                </div>
            </div>
            <div class="userinfo_div">
                <div class="user_buddha">
                    <img src="../img/Home/user_img.jpg">
                    <sub>1</sub>
                </div>
                <div class="user_content_all">
                    <div class="user_content">
                        <b>陈小敏</b>
                        <div class="personal_center">个人中心<i class="iconfont icon-arrow-right-copy"></i></div>
                    </div>
                    <div class="star_all">
                        <ul>
                            <li>
                                <div class="star">
                                    <img src="../img/Home/star.png">
                                </div>
                            </li>
                            <li>
                                <div class="star">
                                    <img src="../img/Home/star.png">
                                </div>
                            </li>
                            <li>
                                <div class="star">
                                    <img src="../img/Home/star.png">
                                </div>
                            </li>
                            <li>
                                <div class="star">
                                    <img src="../img/Home/star.png">
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="user_content">
                        <span>关注<em>36</em></span>
                        <span>粉丝<em>290</em></span>
                    </div>
                    <div class="user_content">
                        <button class="button_active">我的收藏</button>
                        <button>我得发布</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="user_list_all">
            <div class="user_list">
                <input type="checkbox" id="list_checked_one">
                <label for="list_checked_one">
                    <div class="ul_once">
                        <span>GIMC</span>
                        <i class="iconfont icon-arrow-right-copy fr"></i>
                    </div>
                </label>
                <div class="ul_second">
                    <ul>
                        <li>省广介绍</li>
                        <li>新闻资讯</li>
                    </ul>
                </div>
            </div>
            <div class="user_list">
                <input type="checkbox" id="list_checked_two">
                <label for="list_checked_two">
                    <div class="ul_once">
                        <span>文章</span>
                        <i class="iconfont icon-arrow-right-copy fr"></i>
                    </div>
                </label>
                <div class="ul_second">
                    <ul>
                        <li>省广介绍</li>
                        <li>新闻资讯</li>
                    </ul>
                </div>
            </div>
            <div class="user_list">
                <input type="checkbox" id="list_checked_three">
                <label for="list_checked_three">
                    <div class="ul_once">
                        <span>资源</span>
                        <i class="iconfont icon-arrow-right-copy fr"></i>
                    </div>
                </label>
                <div class="ul_second">
                    <ul>
                        <li>省广介绍</li>
                        <li>新闻资讯</li>
                    </ul>
                </div>
            </div>
            <div class="user_list">
                <input type="checkbox" id="list_checked_four">
                <label for="list_checked_four">
                    <div class="ul_once">
                        <span>课程</span>
                        <i class="iconfont icon-arrow-right-copy fr"></i>
                    </div>
                </label>
                <div class="ul_second">
                    <ul>
                        <li>省广介绍</li>
                        <li>新闻资讯</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--用户未登录-->
    <input type="checkbox" id="checkbox_input_nouser">
    <div class="popups nouser_info_all">
        <div class="user_info">
            <div class="user_search">
                <div class="close">
                    <label for="checkbox_input_nouser"><i class="iconfont icon-guanbi"></i></label>
                </div>
                <div class="search_div">
                    <form action="" method="get">
                        <i class="iconfont icon-sousuo"></i>
                        <input type="text" placeholder="Search">
                    </form>
                </div>
            </div>
            <div class="userinfo_div">
                <label for="checkbox_input_user">
                    <div class="user_buddha"></div>
                </label>
                <div class="user_content_all">
                    <p class="login_now">立即登陆</p>
                    <a href="#"><p class="pw_forget">忘记密码</p></a>
                </div>
            </div>
        </div>
        <div class="user_list_all">
            <div class="user_list">
                <label for="list_checked_one">
                    <div class="ul_once">
                        <span>GIMC</span>
                        <i class="iconfont icon-arrow-right-copy fr"></i>
                    </div>
                </label>
            </div>
            <div class="user_list">
                <label for="list_checked_two">
                    <div class="ul_once">
                        <span>文章</span>
                        <i class="iconfont icon-arrow-right-copy fr"></i>
                    </div>
                </label>
            </div>
            <div class="user_list">
                <label for="list_checked_three">
                    <div class="ul_once">
                        <span>资源</span>
                        <i class="iconfont icon-arrow-right-copy fr"></i>
                    </div>
                </label>
            </div>
            <div class="user_list">
                <label for="list_checked_four">
                    <div class="ul_once">
                        <span>课程</span>
                        <i class="iconfont icon-arrow-right-copy fr"></i>
                    </div>
                </label>
            </div>
        </div>
    </div>
    <!--搜索-->
    <input type="checkbox" id="checkbox_input_search">
    <div class="popups search_page">
        <div class="user_search_all">
            <div class="user_search">
                <div class="search_div">
                    <form action="" method="get">
                        <i class="iconfont icon-sousuo"></i>
                        <input type="text" placeholder="Search">
                    </form>
                </div>
                <label for="checkbox_input_search">
                    <div class="close">
                        <span>取消</span>
                    </div>
                </label>
            </div>
        </div>
        <div class="search_result">
            <h4>热搜</h4>
            <span>省广股份</span>
            <span>移动互联网</span>
            <span>细分平台业务</span>
            <span>O2O</span>
            <span>媒介平台</span>
            <span>拥抱变革，创造未来</span>
            <span>平台</span>
            <span>上海金投赏创意节</span>
        </div>
    </div>
</div>
</body>
</html>